 @charset "utf-8";
/* CSS Document */
* { margin: 0px; padding: 0px; box-sizing: border-box; }
a { outline: 0; text-decoration: none; list-style: none; color: #00a685; }
a:link	{text-decoration:none;color:#00a685;}
a:visited	{text-decoration:none;color:#00a685;}
a:hover	{text-decoration:none;color:#000;}
a:focus	{text-decoration:none;outline:0px;}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

p { margin: 10px 0; color: #666; padding: 0px; }

body { color: #666; font-size: 12px; line-height: 18px; background: #fff; text-align: justify; font-family: Arial, Helvetica, sans-serif; }

.no-liststyle { list-style: none;}

form {margin:0;padding:0;}
a img, img {border:0;}

.display-none {display: none;}
.display-block {display: block;}
.show-mobile {display: none;}
.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {display: 
                                   ;content:"";}
.clearfix:after {clear: both;}
.mb70 {margin-bottom:70px;}

.ft12{font-size:12px;}
 

.gb_2 { border-top: 4px solid #F8F5F5; border-left: 4px dashed transparent; border-right: 4px dashed transparent; display: inline-block; margin-left: 6px; vertical-align: middle; }
.gb_8, .gb_9 { left: auto; right: 6.5px; }
.gb_8 { border-color: transparent; border-bottom-color: #fff; border-style: dashed dashed solid; border-width: 0 8.5px 8.5px; position: absolute; left: 248px; top: -8px; z-index: 1; height: 0; width: 0; -webkit-animation: gb__a .2s; animation: gb__a .2s; }
.gb_9 { border-color: transparent; border-style: dashed dashed solid; border-width: 0 8.5px 8.5px; position: absolute; left: 248px; z-index: 1; height: 0; width: 0; -webkit-animation: gb__a .2s; animation: gb__a .2s; border-bottom-color: #ccc; border-bottom-color: rgba(0,0,0,.2); top: -10px; }
.gb_ja { background: #f5f5f5; border-top: 1px solid #ccc; border-color: rgba(0,0,0,.2); padding: 10px 0; width: 100%; display: table; }
.gb_ja>div:first-child { text-align: left; }
.gb_ja>div { display: table-cell; text-align: right; }
.gb_ja .gb_U { margin: 0 20px; }
#gb a.gb_U.gb_U { color: #666; cursor: default; text-decoration: none; }
.gb_U { background: #f8f8f8; border: 1px solid #c6c6c6; display: inline-block; line-height: 28px; padding: 0 12px; -webkit-border-radius: 2px; border-radius: 2px; }
.padding .gb_U { background: #4d90fe; border-color: #3079ed; font-weight: bold; margin: 10px 0 0 0; color: #fff; }

#wrapper {width: 100%;height:100%;margin:0;padding:0;overflow-x:hidden;position:relative;}
.container {margin:0 auto;width:980px;}
.w_section { margin: auto; width: 100%; }
.contentCntr { margin: 60px auto 20px; width: 1060px; overflow: hidden; }

/*forms - general*/
::-webkit-input-placeholder {color:#ccc;}
:-moz-placeholder {color:#ccc;}
input {font-size:14px;margin:0;padding:0;}
input[type="text"], input[type="password"], .app_form input[type="email"] {cursor:pointer;color:#6e6d6d;height:34px;padding:0 10px;border:1px solid #d4d4d4;}
input:focus, textarea:focus {outline:none;}
textarea {resize:none;}

/* header */
.topslide	{height:63px;background:#333;}
.logo { position:absolute; z-index:11111; top:0; left:150px; }

/***************************sTART Header lOGIN css*******************************/
#divPostLogin,#divPreLogin { float: right; margin-right: 15px; margin-top: 10px; margin-left: 5px; }
header #login-panel #username, #login-panel #password {width:89%;}
header .login {font-size:17px;color:#fff;float:right;width:99px;height:36px;text-align:center;line-height:35px;cursor:pointer;}
header #login:hover {opacity:.9;}
header #login-panel-content {position:absolute !important; display:none;right:40px;width:280px;top: 63px;z-index: 270;clear:both;background:#fff;font: 13px/27px Arial,sans-serif;box-shadow: 0 2px 10px rgba(0,0,0,.2);}
header #logged-panel-content {position:absolute !important; display:none;width:280px;top: 62px;right:40px;z-index: 270;clear:both;background:#fff;font: 13px/27px Arial,sans-serif;box-shadow: 0 2px 10px rgba(0,0,0,.2);}
header #login-panel-content .padding  {padding:28px 23px 15px;}
header #logged-panel-content .padding  {padding:15px 23px 15px;}
header #login-panel-content .padding  input{margin:5px;}
header #login-panel-content .padding input[type="text"], input[type="password"]{width:85%}
header #login-form input {display:block;}
header #username {margin:0 0 13px;}
header #password {margin:0 0 23px;}
header #loginsubmit {font-size:17px;margin:0 0 17px 15px;}
header #loginsubmit {background: url(../images/sprite.png) no-repeat -350px -30px;width:146px;height:33px;border:none;color:#fff;line-height:36px;cursor:pointer;}
header #loginsubmit:hover {opacity:.9;}
header #login-panel-content .icon-wrapper {text-align: center;margin-bottom: 17px;}
header #login-panel-content .icon-wrapper p{text-align:center; margin-bottom:8px;}
/***************************END Header lOGIN css*******************************/

ul.toplink_sub{}
ul.toplink_sub li{float:left; list-style:none;border-left:1px solid #05c6a0; border-right:1px solid #000;}
ul.toplink_sub li a{text-decoration:none; background:#00a685; text-transform:uppercase; color:#fff; padding:22px 25px; display:block; font-size:1em;}
ul.toplink_sub li a:hover{background:#fff; color:#000;}
ul.toplink_sub li:last-child{margin-right:0px;border-right:0px solid #88ad0e;}

/* Footer Section */
footer { background: none repeat scroll 0 0 #e8e8e8; margin-top: 10px; padding: 20px 0; }
footer { text-align: center; }
footer ul li { border-right: 1px solid #999; float: left; list-style: outside none none; }
footer ul li a { display: block; color: #00a685; margin: 0 10px; }
footer ul li a img { float: left; }
footer a { font-size: 14px; line-height: 22px; }
footer p { margin: 15px 0 0 10px; padding-top: 15px; text-align: left; }
footer h2.geth2 { line-height: 45px; margin-right: 10px; }


.button-style { padding: 0 7px; display: inline-block; line-height: 30px; text-align: center; background: #00a685; font-size: 12px; color: #fff; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.button-style:hover { background: #32b79d; }

.leftSection { padding: 0 5px 0 0px; width: 17%; float: left; }
.centerSection { padding: 0 5px; width: 60%; float: left; }
.rightSection { padding: 0 0px 0 5px; width: 23%; float: left; }

.quickBox { width: 100%; margin-top: 53px; }
.quickBox ul { width: 100%; overflow: hidden; }
.quickBox li { float: left; width: 100%; border: #009577 solid 1px; overflow: hidden; margin-bottom: 15px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.quickBox a { display: block; line-height: 50px; text-align: center; background: #00a685; font-size: 16px; color: #fff; }
.quickBox a:hover { background: #32b79d; }
.quickBox a.active { background: #333; }

.photoBox { margin-bottom: 20px; width: 100%; overflow: hidden; }
.photoBox ul { width: 100%; overflow: hidden; }
.photoBox li { padding: 5px 0; border: #5b5b5b solid 1px; margin-right: 5px; margin-bottom: 10px; float: left; text-align: center; width: 120px; }
.photoBox .image { display: inline-block; overflow: hidden; border: #00a685 solid 2px; width: 102px; height: 102px; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
.photoBox a { margin-bottom: 2px; display: inline-block; }
.photoBox img { float: left; display: block; } 
.photoBox span { padding: 3px 3px; border-bottom: #d6d6d6 solid 1px; display: block; text-align: center; line-height: 15px; }
.photoBox span span { padding: 0; border: 0; margin-bottom: 0; color: #00a685; }
.photoBox a.contact { margin-top: 5px; padding: 0 20px; color: #fff; }
.photoBox .detail { }

.tabBox { margin-bottom: 20px; width: 100%; }
.tabBox ul {text-align: center; }
.tabBox li { margin-right: 4px;width: auto;float: left;line-height: 30px; }
.tabBox a { padding: 0 7px; min-width: 86px; display: inline-block; background: #00a685; color: #fff; border: #00745d solid 1px; }
.tabBox a:hover { background: #32b79d; }
.tabBox a.active { background: #333; }

.filterBox { margin-bottom: 20px; width: 100%; overflow: hidden; }
.filterBox ul { width: 100%; overflow: hidden; text-align: center; }
.filterBox li { width: auto; display: inline; line-height: 30px; }
.filterBox a { padding: 0 7px; float: left; min-width: 79px; display: inline-block; background: #00a685; color: #fff; border: #00745d solid 1px; }
.filterBox a:hover { background: #32b79d; }
.filterBox a.active { background: #333; }

.batchBox { width: 100%; overflow: hidden; }
.batchBox h2 { line-height: 30px; font-size: 14px; font-weight: normal; text-transform: uppercase; color: #fff; text-align: center; background: #00a685;}
.batchBox .mCustomScrollbar { max-height: 458px; box-sizing: border-box; padding: 10px 0; box-sizing: border-box; border: 1px solid #5b5b5b; border-top: 0px; max-width: 100%; overflow: auto; position: relative; }
.batchBox ul { padding: 0 10px; }
.batchBox li { text-align: center; list-style: none; margin-bottom: 4px; }
.batchBox li a { letter-spacing: 1px; }

.tabBox .mCustomScrollbar {
width: 100%;
height: 33px;
}


